<!-- tzy-结算页 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0" />
    <title>结算页</title>
    <link rel="stylesheet" href="./css/settle.min.css">
    <link rel="shortcut icon" href="./fonts/favicon.ico" type="image/x-icon" />
</head>

<body>
    <!-- 顶部标题栏 -->
    <div class="nav_tit">填写订单</div>
    <!-- 主题内容 -->
    <div class="main con">
        <div class="order_info">
            <ul>
                <li>
                    <span>收货信息</span>
                    <a href=""><span>请选择收货信息</span></a>
                </li>
                <li>
                    <span>送达日期</span>
                    <a href=""><span>请填写送达日期</span></a>
                </li>
                <li>
                    <span>配送时间</span>
                    <a href=""><span>不限时段</span></a>
                </li>
                <li>
                    <span>配送方式</span>
                    <a href=""><span>市区免费配送</span></a>
                    <div class="multi_border"></div>
                </li>
            </ul>
        </div>
        <!-- 订购人信息 -->
        <div class="uesr_info">
            <label for="">订购人信息</label>
            <input type="text" placeholder="请填写">
        </div>

        <div class="leave_word">
            <div class="item">
                <div class="tit">贺卡留言</div>
                <textarea name="" id="" placeholder="选填 请输入贺卡留言!"></textarea>
            </div>
            <div class="item">
                <div class="tit">买家留言</div>
                <textarea name="" id="" placeholder="选填 请输入买家留言!"></textarea>
            </div>
        </div>

        <!-- 商品总计 -->
        <div class="goods_info">
            <div class="goods_img">
                <img src="./images/settle/img1.png" alt="">
            </div>
            <div class="goods_amount">
                <div class="goods_name">永恒回忆</div>
                <div class="goods_sum">
                    <span>x 1</span>
                    <span>￥329</span>
                </div>
            </div>
        </div>

        <!-- 支付 -->
        <div class="pay_mod">
            <div class="pay_method">支付方式</div>
            <div class="chatpay">
                <i class="icon_chat"></i>
                <span>微信</span>
            </div>
            <div class="alipay">
                <i class="icon_ali"></i>
                <span>支付宝</span>
            </div>
        </div>

        <!-- 发票 -->
        <div class="bill_mod">
            <span>发票</span>
            <a href="##"><span>选填</span></a>
        </div>

        <!-- 商品结算 -->
        <div class="goods_accounts">
            <div class="item goods_quantity">
                <span>共<span>1</span> 件商品</span>
            </div>
            <div class="item goods_preferential">
                <span>优惠:</span>
                <span>-￥</span>
            </div>
            <div class="item goods_fare">
                <span>运费:</span>
                <span>￥</span>
            </div>
            <div class="item goods_total">
                <span>商品总价:</span>
                <span>￥ 329.00</span>
            </div>
        </div>
    </div>
    <!-- 提交订单 -->
    <div class="order_sumbit">
        <div class="order_sum">
            <span>实付款:</span>
            <span>￥329.00</span>
        </div>
        <div class="sumbit">提交订单</div>
    </div>
</body>

</html>